@mixin label-left-center-right {
  > label:first-child{
    margin-right:15px;
    line-height: 1.1;
    height: fit-content;
  }
  > label.dense:first-child{
    line-height: 1.1;
    height: fit-content;
  }
}

.form-label > label:first-child {
  font-weight: bold;
}

.form-label {
  display:flex;
  @include label-left-center-right;
}

.label-top .form-label,
div.label-top.form-label{
  display: block;
}

.label-fit-content .form-label > label:first-child,
div.label-fit-content.form-label > label:first-child{
  width:auto;
}

.label-xsmall .form-label > label:first-child,
div.label-xsmall.form-label > label:first-child {
  width:50px;
}
.label-small .form-label > label:first-child,
div.label-small.form-label > label:first-child {
  width:70px;
}
.label-medium .form-label > label:first-child,
div.label-medium.form-label > label:first-child {
  width:90px;
}
.label-large .form-label > label:first-child,
div.label-large.form-label > label:first-child {
  width:110px;
}
.label-xlarge .form-label > label:first-child,
div.label-xlarge.form-label > label:first-child {
  width:150px;
}
.label-xxlarge .form-label > label:first-child,
div.label-xxlarge.form-label > label:first-child {
  width:200px;
}

.label-left .form-label > label:first-child,
div.label-left.form-label > label:first-child {
  text-align:left;
}
.label-center .form-label > label:first-child,
div.label-center.form-label > label:first-child {
  text-align:center;
}
.label-right .form-label > label:first-child,
div.label-right.form-label > label:first-child {
  text-align:right;
}
